// 全局SCSS变量
html[data-vxe-ui-theme="light"] {
	--vxe-ui-font-primary-color: #4d6bfe;
	--vxe-ui-font-primary-lighten-color: #4d6bfe;
}

:root {

	--el-color-primary: #4d6bfe;
	--el-color-primary-light-3: #4d6bfe;
	--el-color-primary-light-5: #4d6bfe;
	--menuBg: #14181f;
	--menuColor: #bfcbd9;
	--menuActiveText: #f4f4f5;
	--menuHover: #263445;

	--subMenuBg: #23262a;
	--subMenuActiveText: #f4f4f5;
	--subMenuHover: #001528;
	--subMenuTitleHover: rgba(255, 255, 255, 0.2);

	--fixedHeaderBg: #ffffff;
	--tableHeaderBg: #f8f8f9;
	--tableHeaderTextColor: #515a6e;
	// ele
	--brder-color: #e8e8e8;
	// 添加 tag 相关变量
	--tags-view-active-bg: var(--el-color-primary);
	--tags-view-active-border-color: var(--el-color-primary);
}

// base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;

// 默认菜单主题风格
$base-menu-color: var(--menuColor);
$base-menu-hover: var(--menuHover);
$base-menu-color-active: var(--menuActiveText);
$base-menu-background: var(--menuBg);
$base-logo-title-color: #ffffff;

$base-menu-light-color: rgba(0, 0, 0, 0.7);
$base-menu-light-background: #ffffff;
$base-logo-light-title-color: #001529;

$base-sub-menu-background: var(--subMenuBg);
$base-sub-menu-hover: var(--subMenuHover);
$base-sub-menu-title-hover: var(--subMenuTitleHover);
// 表单头背景色和标题颜色
$fixed-header-bg: var(--fixedHeaderBg);
$table-header-bg: var(--tableHeaderBg);
$table-header-text-color: var(--tableHeaderTextColor);

$--color-primary: #409eff;
$--color-success: #67c23a;
$--color-warning: #e6a23c;
$--color-danger: #f56c6c;
$--color-info: #909399;

$base-sidebar-width: 160px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
	menuColor: $base-menu-color;
	menuLightColor: $base-menu-light-color;
	menuColorActive: $base-menu-color-active;
	menuBackground: $base-menu-background;
	menuLightBackground: $base-menu-light-background;
	subMenuBackground: $base-sub-menu-background;
	subMenuHover: $base-sub-menu-hover;
	sideBarWidth: $base-sidebar-width;
	logoTitleColor: $base-logo-title-color;
	logoLightTitleColor: $base-logo-light-title-color;
	primaryColor: $--color-primary;
	successColor: $--color-success;
	dangerColor: $--color-danger;
	infoColor: $--color-info;
	warningColor: $--color-warning;
}